/**
 * @since : 2018/3/26 上午9:58
 * @author : fupeng
 */

import React from 'react';
import {NavLink, Link} from 'react-router-dom';

class NavSide extends React.Component {

    constructor() {
        super()
    }

    render() {
        return (
            <div className="navbar-default navbar-side" role="navigation">
                <div className="sidebar-collapse">
                    <ul className="nav" id="main-menu">

                        <li>
                            <NavLink exact activeClassName="active-menu" to="/"><i className="fa fa-dashboard"></i>首页</NavLink>
                        </li>

                        <li className="active">
                            <Link to="/product">
                                <i className="fa fa-sitemap"></i>
                                商品<span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink activeClassName="active-menu" to="/product">商品管理</NavLink>
                                </li>
                                <li>
                                    <NavLink activeClassName="active-menu" to="/product-categroy">商品品类</NavLink>
                                </li>
                            </ul>
                        </li>
                        <li className="active">
                            <Link to="/order">
                                <i className="fa fa-sitemap"></i>
                                Multi-Level Dropdown<span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink activeClassName="active-menu" to="/order">商品管理</NavLink>
                                </li>
                            </ul>
                        </li>
                        <li className="active">
                            <NavLink to="/user">
                                <i className="fa fa-sitemap"></i>
                                用户<span className="fa arrow"></span>
                            </NavLink>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/user">用户管理</NavLink>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div>

            </div>
        );
    }
}

export default NavSide;